<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>购物上天猫</title>
	<link rel="stylesheet" href="css/women.css">
</head>
<body>
	<div id="bigbox">
		<div id="header">
			<div class="header_left">
				<img src="images/shouye.webp" class="shouyeImg">
				<a href="index.jsp">天猫首页</a>&nbsp;&nbsp;
				<span>喵，欢迎来天猫</span>&nbsp;&nbsp;
				<a href="login.jsp">请登录</a>&nbsp;&nbsp;
				<a href="register.jsp">免费注册</a> 
			</div>
			<div class="header_right">
				<div class="myshow1">
					<a href="" class="mymove1">我的淘宝</a>&nbsp;&nbsp;
					<div id="mytaobao">
						<a href="#">已买到的宝贝</a><br>
						<a href="#">已卖出的宝贝</a>
					</div>
				</div>
				<img src="images/car.png">
				<a href="shopcar.jsp">购物车</a>&nbsp;&nbsp;
				<div class="myshow2">
					<a href="collect.jsp" class="mymove2">收藏夹</a>&nbsp;&nbsp;|&nbsp;&nbsp;
					<div id="shoucangjia">
						<a href="#">收藏的宝贝</a><br>
						<a href="#">收藏的店铺</a>
					</div>
				</div>
				<img src="images/nav9.png" alt="" class="myphon">
				<div class="myshow3">
					<a href="" class="mymove3">手机版</a>&nbsp;&nbsp;
					<div id="myshoujiban">
						<img src="images/TB14.png" alt="">
					</div>
				</div>
				<a href="https://www.taobao.com/">淘宝网</a>&nbsp;&nbsp;
				<a href="">网页无障碍</a>&nbsp;&nbsp;
				<a href="">商家支持</a>
			</div>
		</div>
		<div id="bigNav">
			<div id="nav">
				<img src="images/tm.png" class="myimg">
				<form action="">
					<input type="text" name="search" placeholder="搜索 天猫 商品/品牌/店铺">
					<input type="submit" value="搜索">
				</form>
			</div>
		</div>
	<div id="box">
		<div id="center">
			<div id="center_main">
				<div id="top1">
					<div class="top1_1">
						<div class="top1_1_top">百搭裤装</div>
						<div class="top1_1_bottom">
							<a href="#">
								<div class="top1_1_bottom1">
									<img src="images/womendress/women's dress-36.jpg" alt="">
								</div>
							</a>
							<a href="#">
								<div class="top1_1_bottom1">
								<img src="images/womendress/women's dress-35.jpg" alt=""></div>
							</a>
							<a href="#">
								<div class="top1_1_bottom1">
								<img src="images/womendress/women's dress-34.jpg" alt=""></div>
							</a>
						</div>
					</div>
					<div class="top1_2">
						<div class="top1_2_top">气质裙装</div>
						<div class="top1_2_bottom">
							<div class="top1_2_folat">
								<a href="#">
									<div class="top1_2_folat1">
									<img src="images/womendress/women's dress-33.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_2_folat1">
									<img src="images/womendress/women's dress-32.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_2_folat1">
									<img src="images/womendress/women's dress-31.jpg" alt=""></div>
								</a>
							</div>
							<div class="top1_2_folat">
								<a href="#">
									<div class="top1_2_folat2">
									<img src="images/womendress/women's dress-30.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_2_folat2">
									<img src="images/womendress/women's dress-29.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_2_folat2">
									<img src="images/womendress/women's dress-28.jpg" alt=""></div>
								</a>
							</div>
							<div class="top1_2_folat">
								<a href="#">
									<div class="top1_2_folat3">
									<img src="images/womendress/women's dress-27.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_2_folat3">
									<img src="images/womendress/women's dress-26.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_2_folat3">
									<img src="images/womendress/women's dress-5.jpg" alt=""></div>
								</a>
							</div>
							<div class="top1_2_folat">
								<a href="#">
									<div class="top1_2_folat4">
									<img src="images/womendress/women's dress-24.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_2_folat4">
									<img src="images/womendress/women's dress-23.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_2_folat4">
									<img src="images/womendress/women's dress-22.jpg" alt=""></div>
								</a>
							</div>
						</div>
					</div>
					<div class="top1_3">
						<div class="top1_3_top">特色服装</div>
						<div class="top1_3_bottom">
							<div class="top1_3_folat">
								<a href="#">
									<div class="top1_3_folat1">
									<img src="images/womendress/women's dress-21.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_3_folat1">
									<img src="images/womendress/women's dress-20.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_3_folat1">
									<img src="images/womendress/women's dress-19.jpg" alt=""></div>
								</a>
							</div>
							<div class="top1_3_folat">
								<a href="#">
									<div class="top1_3_folat2">
									<img src="images/womendress/women's dress-18.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_3_folat2">
									<img src="images/womendress/women's dress-17.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_3_folat2">
									<img src="images/womendress/women's dress-16.jpg" alt=""></div>
								</a>
							</div>
							<div class="top1_3_folat">
								<a href="#">
									<div class="top1_3_folat3">
									<img src="images/womendress/women's dress-15.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_3_folat3">
									<img src="images/womendress/women's dress-14.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_3_folat3">
									<img src="images/womendress/women's dress-13.jpg" alt=""></div>
								</a>
							</div>
						</div>
					</div>
					<div class="top1_4">
						<div class="top1_4_top">时尚内搭</div>
						<div class="top1_4_bottom">
							<div class="top1_4_folat">
								<a href="#">
									<div class="top1_4_folat1">
									<img src="images/womendress/women's dress-12.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_4_folat1">
									<img src="images/womendress/women's dress-11.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_4_folat1">
									<img src="images/womendress/women's dress-10.jpg" alt=""></div>
								</a>
							</div>
							<div class="top1_4_folat">
								<a href="#">
									<div class="top1_4_folat2">
									<img src="images/womendress/women's dress-9.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_4_folat2">
									<img src="images/womendress/women's dress-5.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_4_folat2">
									<img src="images/womendress/women's dress-2.jpg" alt=""></div>
								</a>
							</div>
						</div>
					</div>
					<div class="top1_5">
						<div class="top1_5_top">风格馆</div>
						<div class="top1_5_bottom">
							<div class="top1_5_folat">
								<a href="#">
									<div class="top1_5_folat1">
									<img src="images/womendress/women's dress-1.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_5_folat1">
									<img src="images/womendress/women's dress-on-1.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_5_folat1">
									<img src="images/womendress/women's dress-on-2.jpg" alt=""></div>
								</a>
							</div>
							<div class="top1_5_folat">
								<a href="#">
									<div class="top1_5_folat2">
									<img src="images/womendress/women's dress-7.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_5_folat2">
									<img src="images/womendress/women's dress-on-3.jpg" alt=""></div>
								</a>
								<a href="#">
									<div class="top1_5_folat2">
									<img src="images/womendress/women's dress-on-4.jpg" alt=""></div>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div id="top2">
					<div class="top2_top">青春甜美</div>
					<div class="top2_bottom">
						<div class="top_bottom1"></div>
						<div class="top_bottom2"></div>
						<div class="top_bottom3"></div>
						<div class="top_bottom4"></div>
						<div class="top_bottom5"></div>
					</div>
				</div>
				<div id="top3">
					<div class="top3_top">气质淑女</div>
					<div class="top3_bottom">
						<div class="top_bottom6"></div>
						<div class="top_bottom7"></div>
						<div class="top_bottom8"></div>
						<div class="top_bottom9"></div>
						<div class="top_bottom10"></div>
					</div>
				</div>
				<div id="top4">
					<div class="top4_top">优雅名媛</div>
					<div class="top4_bottom">
						<div class="top_bottom11"></div>
						<div class="top_bottom12"></div>
						<div class="top_bottom13"></div>
						<div class="top_bottom14"></div>
						<div class="top_bottom15"></div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="footer_top">
				<div class="footer_top_one">
					<a href="index.html">
						<div class="you">
							优
						</div>
					</a>
					<div class="span1">
						品质保障<br>
						<a href="">品质护航</a>
						<a href="">购物无忧</a>
					</div>
				
				</div>
				<div class="footer_top_two">
					<a href="">
						<div class="qi">
							七
						</div>
					</a>
					<div class="span1">
						七天无理由退换货<br>
						<a href="">为您提供售后无忧保障</a>
					</div>
					
				</div>
				<div class="footer_top_three">
					<a href="">
						<div class="te">
							特
						</div>
					</a>
					<div class="span1">
						特色服务体验<br>
						<a href="">为您呈现不一样的服务</a>
					</div>
				</div>
				<div class="footer_top_fore">
					<a href="">
						<div class="bang">
							帮
						</div>
					</a>
					<div class="span1">
						帮助中心<br>
						<a href="">您的购物指南</a>
					</div>
				</div>
			</div>
			<div class="footer_center">
				<div class="footer_center_one">
					购物指南<br>
					<a href="">免费注册</a><br>
					<a href="">开通支付宝</a><br>
					<a href="">支付宝充值</a>
				</div>
				<div class="footer_center_two">
					天猫保障<br>
					<a href="">发票保障</a><br>
					<a href="">售后规则</a><br>
					<a href="">物流实效保障</a>
				</div>
				<div class="footer_center_three">
					支付方式<br>
					<a href="">快捷支付</a><br>
					<a href="">幸运卡</a><br>
					<a href="">支付宝</a><br>
					<a href="">蚂蚁花呗</a>
				</div>
				<div class="footer_center_fore">
					商家服务<br>
					<a href="">天猫规则</a><br>
					<a href="">商家入住</a><br>
					<a href="">商家中心</a><br>
					<a href="">天猫必修课</a><br>
					<a href="">喵言喵语</a><br>
					<a href="">运营服务</a>
				</div>
				<div class="footer_center_five">
					手机天猫<br>
					<img src="images/TB14.png" alt="">
				</div>
			</div>
			
		</div>
	</div>
	<div id="myfooter">
	<div class="footer_footer">
				<a href="#">关于天猫</a>
				<a href="#">商家服务大厅</a>
				<a href="#">开放平台</a>
				<a href="#">诚聘英才</a>
				<a href="#">联系我们</a>
				<a href="#">网站合作</a>
				<a href="#">法律声明</a>
				<a href="#">隐私权政策</a>
				<a href="#">知识产权</a>
				<a href="#">廉正举报</a>
				<a href="#">不当竞争举报</a><br>
				<a href="#">阿里巴巴集团</a>
				<a href="#">&nbsp;|&nbsp;淘宝网</a>
				<a href="#">&nbsp;|&nbsp;天猫</a>
				<a href="#">&nbsp;|&nbsp;聚划算</a>
				<a href="#">&nbsp;|&nbsp;全球速卖通</a>
				<a href="#">&nbsp;|&nbsp;阿里巴巴国际交易市场</a>
				<a href="#">&nbsp;|&nbsp;1688</a>
				<a href="#">&nbsp;|&nbsp;阿里妈妈</a>
				<a href="#">&nbsp;|&nbsp;飞猪</a>
				<a href="#">&nbsp;|&nbsp;阿里云计算</a>
				<a href="#">&nbsp;|&nbsp;AliOS</a>
				<a href="#">&nbsp;|&nbsp;阿里通信</a>
				<a href="#">&nbsp;|&nbsp;万网</a>
				<a href="#">&nbsp;|&nbsp;高德</a>
				<a href="#">&nbsp;|&nbsp;UC</a>
				<a href="#">&nbsp;|&nbsp;友盟</a>
				<a href="#">&nbsp;|&nbsp;虾米</a>
				<a href="#">&nbsp;|&nbsp;钉钉</a>
				<a href="#">&nbsp;|&nbsp;支付宝</a>
				<a href="#">&nbsp;|&nbsp;阿里安全</a><br>
				
				<span>
					增值电信业务经营许可证：浙B2-20110446&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;市场名称登记证：工商网市字3301004119号 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;出版物网络交易平台服务经营备案证： 新出发浙备字第2019002号
				</span><br>
				<span>
					互联网违法和不良信息举报电话：0571-81683755 blxxjb@alibaba-inc.com&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;互联网药品信息服务资质证书编号：浙-（经营性）-2017-0005&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/TB1yEqRPXXXXXXPXpXXXXXXXXXX-20-20.png" alt="">浙公网安备 33010002000120号
				</span><br>
				<span>
					医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00002号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 网络文化经营许可证：浙网文 [2021]1668-073号&nbsp;<img src="images/O1CN01VEHhJi1T2RCHFYS81_!!6000000002324-1-tps-65-70.gif" alt="" class="myFooterImg">
				</span><br>
				<span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010002&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;12318举报&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浙B2-20110446-1</span><br>
				<span>&copy;2003-现在 TMALL.COM 版权所有</span><br>
				<div class="myFooterImg2">
					<img src="images/O1CN01Hs1MVu1IDvM07YrGh_!!6000000000860-2-tps-293-143.png" alt="">
				</div>
				
			</div>
		</div>
	</div>
</body>
<script src="js/jquery.min.js"></script>
<script>
load();

function load(){
	var keyword = '女装';
	var pageNum = 1;
	var pageSize = 15;
	$.ajax({
		url:"/shopping/womenServlet.do",
		type:"GET",
		data:{
			"keyword":keyword,
			"pageNum":pageNum,
			"pageSize":pageSize
		},
		success:function(data){
			var d = data.data;
			for(var i = 0; i < d.length;i++){
				var goods = d[i];
				var $img = $("<img class='goods_image'>").attr({src:goods.gImage,alt:"图片走丢了"}).height(200);
				var $input = $("<input type='button' value='加入购物车' class='upGoods'>").css({
					height:"30px",
					width:"100px"
				}).click(function(){
					console.log("按下了")
					var gId = $("#gId").val();
						$.ajax({
							url:"/shopping/addGoodsGoShopCar.do",
							type:"GET",
							data:{
								"gId":gId
							},
							success:function(data){
								
							}
						});
						
						$(this).val("添加成功");
				});
				var $div = $("<div class='myGName'></div>").text(goods.gName);
				var $h4 = $("<h4></h4>").text("￥"+goods.gPrice);
				var $input1 = $("<input type='hidden' id='gId'>").val(goods.goodsId);
				$(".top_bottom"+(i+1)).append($img).append($input1).append($div).append($h4).append($input);
				$(".top_bottom"+(i+1)).css({
					"float":"left",
					width:"20%",
					cursor:"pointer"
				})
			}
			
			
		}	
	})
}

</script>
</html>